<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="Edy Segura" />
<meta name="reply-to" content="edy@segura.pro.br" />
<meta name="description" content="Componente InputUtils.js para manipulação de inputs" />
<title>Componente InputUtils.js</title>

<!-- stylesheet -->
<link rel="stylesheet" href="css/style.css" type="text/css" title="Latyout Padrão" />

<!-- javascript -->
<script type="text/javascript" src="js/InputUtils/InputUtils.js"></script>
<script type="text/javascript" src="js/Index.js"></script>

</head>
<body>

<h1>Componente InputUtils.js</h1>
<p>
	Componente InputUtils.js para manipulação de inputs através do javascript.<br />
	Para mais detalhes veja o código fonte. Ou se preferir você pode fazer o 
	<a href="http://files.edysegura.com/labs/InputUtils.zip">download</a> deste 
	<a href="http://files.edysegura.com/labs/InputUtils.zip">exemplo</a>.
</p>

<noscript>
	<p class="noscript">
		Se você está lendo esta mensagem é porque seu javascript está desabilitado.<br />
		Para poder executar este exemplo habilite o javascript no seu navegador.
	</p>
</noscript>

<form action="" method="post">
	<fieldset>
		<legend>Campos:</legend>
		
		<label for="letter">
			Somente Letras: <br />
			<input type="text" id="letter" />
		</label>
		
		<br />
		
		<label for="number">
			Somente Números: <br />
			<input type="text" id="number" />
		</label>
		
		<br />
		
		<label for="digit">
			Somente Digitos: <br />
			<input type="text" id="digit" />
		</label>
		
	</fieldset>
</form>

</body>
</html>